/**
 * @Description:
 * @Author 卞鹏飞 <228443632@qq.com>
 * @create 04/01/25 AM7:54
 */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#app {
  position: relative;
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;

  .app__header {
    flex: none;
    position: relative;
    height: 0;

    .app__header-logo {
      position: absolute;
      top: 30px;
      left: 30px;
      width: 122px;
      height: 26px;
    }
  }

  .app__body {
    display: flex;
    height: 0;
    flex: 1;
    justify-content: center;
    align-items: center;

    .app__body-content {
      display: grid;
      width: 836px;
      height: 260px;
      grid-template-columns: 260px 1fr;

      img {
        width: 260px;
        height: 260px;
      }
    }
  }
}
